<!DOCTYPE html>
<html lang="en" xmlns:th="https://www.thymeleaf.org">
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">

    <meta name="viewport" content="width=device-width, initial-scale=1.0"/>
    <meta name="description" content="Xenon Boostrap Admin Panel"/>
    <meta name="author" content=""/>

    <title>Xenon - Dashboard</title>

    <link rel="stylesheet" th:href="@{/assets/css/fonts/linecons/css/linecons.css}">
    <link rel="stylesheet" th:href="@{/assets/css/fonts/fontawesome/css/font-awesome.min.css}">
    <link rel="stylesheet" th:href="@{/assets/css/bootstrap.css}">
    <link rel="stylesheet" th:href="@{/assets/css/xenon-core.css}">
    <link rel="stylesheet" th:href="@{/assets/css/xenon-forms.css}">
    <link rel="stylesheet" th:href="@{/assets/css/xenon-components.css}">
    <link rel="stylesheet" th:href="@{/assets/css/xenon-skins.css}">
    <link rel="stylesheet" th:href="@{/assets/css/custom.css}">

    <script th:src="@{/assets/js/jquery-1.11.1.min.js}"></script>

    <!-- HTML5 shim and Respond.js IE8 support of HTML5 elements and media queries -->
    <!--[if lt IE 9]>
    <script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script>
    <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
    <![endif]-->


</head>
<body class="page-body">

<div class="settings-pane">

    <a href="#" data-toggle="settings-pane" data-animate="true">
        &times;
    </a>

    <div class="settings-pane-inner">

        <div class="row">

            <div class="col-md-4">

                <div class="user-info">

                    <div class="user-image">
                        <a href="extra-profile.html">
                            <img th:src="@{/assets/images/user-2.png}" class="img-responsive img-circle"/>
                        </a>
                    </div>

                    <div class="user-details">

                        <h3>
                            <a href="extra-profile.html">John Smith</a>

                            <!-- Available statuses: is-online, is-idle, is-busy and is-offline -->
                            <span class="user-status is-online"></span>
                        </h3>

                        <p class="user-title">Web Developer</p>

                        <div class="user-links">
                            <a href="extra-profile.html" class="btn btn-primary">Edit Profile</a>
                            <a href="extra-profile.html" class="btn btn-success">Upgrade</a>
                        </div>

                    </div>

                </div>

            </div>

            <div class="col-md-8 link-blocks-env">

                <div class="links-block left-sep">
                    <h4>
                        <span>Notifications</span>
                    </h4>

                    <ul class="list-unstyled">
                        <li>
                            <input type="checkbox" class="cbr cbr-primary" checked="checked" id="sp-chk1"/>
                            <label for="sp-chk1">Messages</label>
                        </li>
                        <li>
                            <input type="checkbox" class="cbr cbr-primary" checked="checked" id="sp-chk2"/>
                            <label for="sp-chk2">Events</label>
                        </li>
                        <li>
                            <input type="checkbox" class="cbr cbr-primary" checked="checked" id="sp-chk3"/>
                            <label for="sp-chk3">Updates</label>
                        </li>
                        <li>
                            <input type="checkbox" class="cbr cbr-primary" checked="checked" id="sp-chk4"/>
                            <label for="sp-chk4">Server Uptime</label>
                        </li>
                    </ul>
                </div>

                <div class="links-block left-sep">
                    <h4>
                        <a href="#">
                            <span>Help Desk</span>
                        </a>
                    </h4>

                    <ul class="list-unstyled">
                        <li>
                            <a href="#">
                                <i class="fa-angle-right"></i>
                                Support Center
                            </a>
                        </li>
                        <li>
                            <a href="#">
                                <i class="fa-angle-right"></i>
                                Submit a Ticket
                            </a>
                        </li>
                        <li>
                            <a href="#">
                                <i class="fa-angle-right"></i>
                                Domains Protocol
                            </a>
                        </li>
                        <li>
                            <a href="#">
                                <i class="fa-angle-right"></i>
                                Terms of Service
                            </a>
                        </li>
                    </ul>
                </div>

            </div>

        </div>

    </div>

</div>
<div class="page-container">
    <!-- add class "sidebar-collapsed" to close sidebar by default, "chat-visible" to make chat appear always -->

    <!-- Add "fixed" class to make the sidebar fixed always to the browser viewport. -->
    <!-- Adding class "toggle-others" will keep only one menu item open at a time. -->
    <!-- Adding class "collapsed" collapse sidebar root elements and show only icons. -->
    <div class="sidebar-menu toggle-others fixed">

        <div class="sidebar-menu-inner">

            <header class="logo-env">

                <!-- logo -->
                <div class="logo">
                    <a href="index.html" class="logo-expanded">
                        <img th:src="@{/assets/images/logo@2x.png}" width="80" alt=""/>
                    </a>

                    <a href="index.html" class="logo-collapsed">
                        <img th:src="@{/assets/images/logo-collapsed@2x.png}" width="40" alt=""/>
                    </a>
                </div>

                <!-- This will toggle the mobile menu and will be visible only on mobile devices -->
                <div class="mobile-menu-toggle visible-xs">
                    <a href="#" data-toggle="user-info-menu">
                        <i class="fa-bell-o"></i>
                        <span class="badge badge-success">7</span>
                    </a>

                    <a href="#" data-toggle="mobile-menu">
                        <i class="fa-bars"></i>
                    </a>
                </div>

                <!-- This will open the popup with user profile settings, you can use for any purpose, just be creative -->
                <div class="settings-icon">
                    <a href="#" data-toggle="settings-pane" data-animate="true">
                        <i class="linecons-cog"></i>
                    </a>
                </div>


            </header>


            <!--菜单栏-->
            <ul id="main-menu" class="main-menu">
                <!-- add class "multiple-expanded" to allow multiple submenus to open -->
                <!-- class "auto-inherit-active-class" will automatically add "active" class for parent elements who are marked already with class "active" -->
                <li>
                    <a href="#">
                        <i class="linecons-cloud"></i>
                        <span class="title">服务监控</span>
                    </a>
                    <ul>
                        <li>
                            <a href="#">
                                <i class="entypo-flow-line"></i>
                                <span class="title">调用次数</span>
                            </a>
                            <ul>
                                <li>
                                    <a href="/zipkin/history/interfaceCount">
                                        <i class="entypo-flow-parallel"></i>
                                        <span class="title">历史数据</span>
                                    </a>
                                </li>
                                <li>
                                    <a href="/zipkin/interfaceCount">
                                        <i class="entypo-flow-parallel"></i>
                                        <span class="title">实时数据</span>
                                    </a>
                                </li>
                            </ul>
                        </li>

                        <li>
                            <a href="#">
                                <i class="entypo-flow-line"></i>
                                <span class="title">平均耗时</span>
                            </a>
                            <ul>
                                <li>
                                    <a href="#">
                                        <i class="entypo-flow-parallel"></i>
                                        <span class="title">历史数据</span>
                                    </a>
                                    <ul>
                                        <a href="/zipkin/realtimeAvgDuration">
                                            <i class="entypo-flow-parallel"></i>
                                            <span class="title">5分钟耗时曲线图</span>
                                        </a>
                                    </ul>
                                    <ul>
                                        <a href="#">
                                            <i class="entypo-flow-parallel"></i>
                                            <span class="title">历史平均耗时</span>
                                        </a>
                                    </ul>
                                </li>
                                <li>
                                    <a href="#">
                                        <i class="entypo-flow-parallel"></i>
                                        <span class="title">实时数据</span>
                                    </a>
                                </li>
                            </ul>
                        </li>
                        <li>
                            <a href="#">
                                <i class="entypo-flow-parallel"></i>
                                <span class="title">接口调用明细</span>
                            </a>
                        </li>
                    </ul>
                </li>
            </ul>
        </div>
    </div>
    <div class="main-content">

        <strong>Luc Chartier</strong>
        <!-- User Info, Notifications and Menu Bar -->
        <nav class="navbar user-info-navbar" role="navigation">

            <!-- Left links for user info navbar -->
            <ul class="user-info-menu left-links list-inline list-unstyled">

                <li class="hidden-sm hidden-xs">
                    <a href="#" data-toggle="sidebar">
                        <i class="fa-bars"></i>
                    </a>
                </li>

                <li class="dropdown hover-line">
                    <a href="#" data-toggle="dropdown">
                        <i class="fa-envelope-o"></i>
                        <span class="badge badge-green">15</span>
                    </a>

                    <ul class="dropdown-menu messages">
                        <li>

                            <ul class="dropdown-menu-list list-unstyled ps-scrollbar">

                                <li class="active"><!-- "active" class means message is unread -->
                                    <a href="#">
											<span class="line">
												<span class="light small">- yesterday</span>
											</span>

                                        <span class="line desc small">
												This ain’t our first item, it is the best of the rest.
											</span>
                                    </a>
                                </li>

                                <li class="active">
                                    <a href="#">
											<span class="line">
												<strong>Salma Nyberg</strong>
												<span class="light small">- 2 days ago</span>
											</span>

                                        <span class="line desc small">
												Oh he decisively impression attachment friendship so if everything.
											</span>
                                    </a>
                                </li>

                                <li>
                                    <a href="#">
											<span class="line">
												Hayden Cartwright
												<span class="light small">- a week ago</span>
											</span>

                                        <span class="line desc small">
												Whose her enjoy chief new young. Felicity if ye required likewise so doubtful.
											</span>
                                    </a>
                                </li>

                                <li>
                                    <a href="#">
											<span class="line">
												Sandra Eberhardt
												<span class="light small">- 16 days ago</span>
											</span>

                                        <span class="line desc small">
												On so attention necessary at by provision otherwise existence direction.
											</span>
                                    </a>
                                </li>

                                <!-- Repeated -->

                                <li class="active"><!-- "active" class means message is unread -->
                                    <a href="#">
											<span class="line">
												<strong>Luc Chartier</strong>
												<span class="light small">- yesterday</span>
											</span>

                                        <span class="line desc small">
												This ain’t our first item, it is the best of the rest.
											</span>
                                    </a>
                                </li>

                                <li class="active">
                                    <a href="#">
											<span class="line">
												<strong>Salma Nyberg</strong>
												<span class="light small">- 2 days ago</span>
											</span>

                                        <span class="line desc small">
												Oh he decisively impression attachment friendship so if everything.
											</span>
                                    </a>
                                </li>

                                <li>
                                    <a href="#">
											<span class="line">
												Hayden Cartwright
												<span class="light small">- a week ago</span>
											</span>

                                        <span class="line desc small">
												Whose her enjoy chief new young. Felicity if ye required likewise so doubtful.
											</span>
                                    </a>
                                </li>

                                <li>
                                    <a href="#">
											<span class="line">
												Sandra Eberhardt
												<span class="light small">- 16 days ago</span>
											</span>

                                        <span class="line desc small">
												On so attention necessary at by provision otherwise existence direction.
											</span>
                                    </a>
                                </li>

                            </ul>

                        </li>

                        <li class="external">
                            <a href="blank-sidebar.html">
                                <span>All Messages</span>
                                <i class="fa-link-ext"></i>
                            </a>
                        </li>
                    </ul>
                </li>

                <li class="dropdown hover-line">
                    <a href="#" data-toggle="dropdown">
                        <i class="fa-bell-o"></i>
                        <span class="badge badge-purple">7</span>
                    </a>

                    <ul class="dropdown-menu notifications">
                        <li class="top">
                            <p class="small">
                                <a href="#" class="pull-right">Mark all Read</a>
                                You have <strong>3</strong> new notifications.
                            </p>
                        </li>

                        <li>
                            <ul class="dropdown-menu-list list-unstyled ps-scrollbar">
                                <li class="active notification-success">
                                    <a href="#">
                                        <i class="fa-user"></i>

                                        <span class="line">
												<strong>New user registered</strong>
											</span>

                                        <span class="line small time">
												30 seconds ago
											</span>
                                    </a>
                                </li>

                                <li class="active notification-secondary">
                                    <a href="#">
                                        <i class="fa-lock"></i>

                                        <span class="line">
												<strong>Privacy settings have been changed</strong>
											</span>

                                        <span class="line small time">
												3 hours ago
											</span>
                                    </a>
                                </li>

                                <li class="notification-primary">
                                    <a href="#">
                                        <i class="fa-thumbs-up"></i>

                                        <span class="line">
												<strong>Someone special liked this</strong>
											</span>

                                        <span class="line small time">
												2 minutes ago
											</span>
                                    </a>
                                </li>

                                <li class="notification-danger">
                                    <a href="#">
                                        <i class="fa-calendar"></i>

                                        <span class="line">
												John cancelled the event
											</span>

                                        <span class="line small time">
												9 hours ago
											</span>
                                    </a>
                                </li>

                                <li class="notification-info">
                                    <a href="#">
                                        <i class="fa-database"></i>

                                        <span class="line">
												The server is status is stable
											</span>

                                        <span class="line small time">
												yesterday at 10:30am
											</span>
                                    </a>
                                </li>

                                <li class="notification-warning">
                                    <a href="#">
                                        <i class="fa-envelope-o"></i>

                                        <span class="line">
												New comments waiting approval
											</span>

                                        <span class="line small time">
												last week
											</span>
                                    </a>
                                </li>
                            </ul>
                        </li>

                        <li class="external">
                            <a href="#">
                                <span>View all notifications</span>
                                <i class="fa-link-ext"></i>
                            </a>
                        </li>
                    </ul>
                </li>

            </ul>


            <!-- Right links for user info navbar -->
            <ul class="user-info-menu right-links list-inline list-unstyled">

                <li class="search-form"><!-- You can add "always-visible" to show make the search input visible -->

                    <form method="get" action="extra-search.html">
                        <input type="text" name="s" class="form-control search-field" placeholder="Type to search..."/>

                        <button type="submit" class="btn btn-link">
                            <i class="linecons-search"></i>
                        </button>
                    </form>

                </li>

                <li class="dropdown user-profile">
                    <a href="#" data-toggle="dropdown">
                        <img th:src="@{/assets/images/user-4.png}" alt="user-image"
                             class="img-circle img-inline userpic-32" width="28"/>
                        <span>
								Arlind Nushi
								<i class="fa-angle-down"></i>
							</span>
                    </a>

                    <ul class="dropdown-menu user-profile-menu list-unstyled">
                        <li>
                            <a href="#edit-profile">
                                <i class="fa-edit"></i>
                                New Post
                            </a>
                        </li>
                        <li>
                            <a href="#settings">
                                <i class="fa-wrench"></i>
                                Settings
                            </a>
                        </li>
                        <li>
                            <a href="#profile">
                                <i class="fa-user"></i>
                                Profile
                            </a>
                        </li>
                        <li>
                            <a href="#help">
                                <i class="fa-info"></i>
                                Help
                            </a>
                        </li>
                        <li class="last">
                            <a href="extra-lockscreen.html">
                                <i class="fa-lock"></i>
                                Logout
                            </a>
                        </li>
                    </ul>
                </li>

                <li>
                    <a href="#" data-toggle="chat">
                        <i class="fa-comments-o"></i>
                    </a>
                </li>

            </ul>

        </nav>
        <div class="page-title">

            <div class="title-env">
                <h1 class="title">历史数据</h1>
            </div>

            <div class="breadcrumb-env">

                <ol class="breadcrumb bc-1">
                    <li>
                        <a href="dashboard-1.html"><i class="fa-home"></i>Home</a>
                    </li>
                    <li>

                        <a href="tables-basic.html">Tables</a>
                    </li>
                    <li class="active">

                        <strong>Data Tables</strong>
                    </li>
                </ol>

            </div>

        </div>
        <div class="row">
            <div class="col-sm-12">
                <div class="panel panel-default">
                    <div class="panel-heading">
                        <h3 class="panel-title">查询面板</h3>
                        <div class="panel-options">
                            <a href="#" data-toggle="panel">
                                <span class="collapse-icon">&ndash;</span>
                                <span class="expand-icon">+</span>
                            </a>
                            <a href="#" data-toggle="remove">
                                &times;
                            </a>
                        </div>
                    </div>
                    <div class="panel-body">
                        <form role="form" class="form-horizontal" action="/zipkin/interfaceCount" method="post">
                            <div class="form-group">
                                <label class="col-sm-2 control-label">日期</label>
                                <div class="col-sm-2">
                                    <input type="text" name="queryDate" th:value="${queryDate}" class="form-control datepicker"
                                           data-start-date="-2d"
                                           data-end-date="+1w"
                                           data-date-format="yyyy-mm-dd"
                                           placeholder="请选择日期">
                                </div>
                                <label class="col-sm-2 control-label">开始时间</label>
                                <div class="col-sm-2">
                                    <input type="text" id="startTime" name="startTime" th:value="${startTime}" class="form-control timepicker"
                                           data-date-format="HH:mm:ss"
                                           data-template="dropdown"
                                           data-show-seconds="true"
                                           data-show-meridian="false"
                                           data-minute-step="5"
                                           placeholder="请选择时间">
                                </div>
                                <label class="col-sm-2 control-label">结束时间</label>
                                <div class="col-sm-2">
                                    <input type="text" id="endTime"  name="endTime" th:value="${endTime}" class="form-control timepicker"
                                           data-date-format="HH:mm:ss"
                                           data-template="dropdown"
                                           data-show-seconds="true"
                                           data-show-meridian="false"
                                           data-minute-step="5"
                                           placeholder="请选择时间">
                                </div>

                            </div>
                            <div class="form-group-separator"></div>
                            <div class="form-group">
                                <label class="col-sm-2 control-label">服务名</label>
                                <div class="col-sm-6">
                                    <input type="text" name="serverName" th:value="${serverName}" class="form-control" placeholder="服务名非必须">
                                </div>
                            </div>
                            <div class="form-group-separator"></div>
                            <div class="form-group">
                                <label class="col-sm-2 control-label">接口</label>
                                <div class="col-sm-6">
                                    <input type="text" name="interfaceName" th:value="${interfaceName}" class="form-control" placeholder="接口 /add 非必须">
                                </div>
                                <button class="btn btn-white" id="query" type="submit">查询</button>
                            </div>
                        </form>
                    </div>
                </div>
            </div>
        </div>

        <!-- Basic Setup -->
        <div class="panel panel-default" id="countList" th:fragment="countList">
            <div class="panel-heading">
                <h3 class="panel-title">接口调用次数</h3>

                <div class="panel-options">
                    <a href="#" data-toggle="panel">
                        <span class="collapse-icon">&ndash;</span>
                        <span class="expand-icon">+</span>
                    </a>
                    <a href="#" data-toggle="remove">
                        &times;
                    </a>
                </div>
            </div>
            <div class="panel-body">
                <table id="example-1" class="table table-striped table-bordered" cellspacing="0" width="100%">
                    <thead>
                    <tr>
                        <th>接口</th>
                        <th>服务名</th>
                        <th>调用总次数</th>
                        <th>错误次数</th>
                    </tr>
                    </thead>
                    <tfoot>
                    <tr>
                        <th>接口</th>
                        <th>服务名</th>
                        <th>调用总次数</th>
                        <th>错误次数</th>
                    </tr>
                    </tfoot>
                    <tbody>
                    <tr th:each="item: ${countVos}">
                        <td th:text="${item.interfaceName}"></td>
                        <td th:text="${item.serverName}"></td>
                        <td th:text="${item.count}"></td>
                        <td th:text="(${item.errorCount})"></td>
                    </tr>
                    </tbody>
                </table>

            </div>
        </div>


<!--        &lt;!&ndash; Removing search and results count filter &ndash;&gt;-->
<!--        <div class="panel panel-default">-->
<!--            <div class="panel-heading">-->
<!--                <h3 class="panel-title">Removing search and results count filter</h3>-->

<!--                <div class="panel-options">-->
<!--                    <a href="#" data-toggle="panel">-->
<!--                        <span class="collapse-icon">&ndash;</span>-->
<!--                        <span class="expand-icon">+</span>-->
<!--                    </a>-->
<!--                    <a href="#" data-toggle="remove">-->
<!--                        &times;-->
<!--                    </a>-->
<!--                </div>-->
<!--            </div>-->
<!--            <div class="panel-body">-->

<!--                <script type="text/javascript">-->
<!--                    jQuery(document).ready(function ($) {-->
<!--                        $("#example-2").dataTable({-->
<!--                            dom: "t" + "<'row'<'col-xs-6'i><'col-xs-6'p>>",-->
<!--                            aoColumns: [-->
<!--                                {bSortable: false},-->
<!--                                null,-->
<!--                                null,-->
<!--                                null,-->
<!--                                null-->
<!--                            ],-->
<!--                        });-->

<!--                        // Replace checkboxes when they appear-->
<!--                        var $state = $("#example-2 thead input[type='checkbox']");-->

<!--                        $("#example-2").on('draw.dt', function () {-->
<!--                            cbr_replace();-->

<!--                            $state.trigger('change');-->
<!--                        });-->

<!--                        // Script to select all checkboxes-->
<!--                        $state.on('change', function (ev) {-->
<!--                            var $chcks = $("#example-2 tbody input[type='checkbox']");-->

<!--                            if ($state.is(':checked')) {-->
<!--                                $chcks.prop('checked', true).trigger('change');-->
<!--                            } else {-->
<!--                                $chcks.prop('checked', false).trigger('change');-->
<!--                            }-->
<!--                        });-->
<!--                    });-->
<!--                </script>-->

<!--                <table class="table table-bordered table-striped" id="example-2">-->
<!--                    <thead>-->
<!--                    <tr>-->
<!--                        <th class="no-sorting">-->
<!--                            <input type="checkbox" class="cbr">-->
<!--                        </th>-->
<!--                        <th>Student Name</th>-->
<!--                        <th>Average Grade</th>-->
<!--                        <th>Curriculum / Occupation</th>-->
<!--                        <th>Actions</th>-->
<!--                    </tr>-->
<!--                    </thead>-->

<!--                    <tbody class="middle-align">-->

<!--                    <tr>-->
<!--                        <td>-->
<!--                            <input type="checkbox" class="cbr">-->
<!--                        </td>-->
<!--                        <td>Randy S. Smith</td>-->
<!--                        <td>8.7</td>-->
<!--                        <td>Social and human service</td>-->
<!--                        <td>-->
<!--                            <a href="#" class="btn btn-secondary btn-sm btn-icon icon-left">-->
<!--                                Edit-->
<!--                            </a>-->

<!--                            <a href="#" class="btn btn-danger btn-sm btn-icon icon-left">-->
<!--                                Delete-->
<!--                            </a>-->
<!--                            <a href="#" class="btn btn-info btn-sm btn-icon icon-left">-->
<!--                                Profile-->
<!--                            </a>-->
<!--                        </td>-->
<!--                    </tr>-->
<!--                    </tbody>-->
<!--                </table>-->
<!--            </div>-->
<!--        </div>-->
        <!-- Main Footer -->
        <!-- Choose between footer styles: "footer-type-1" or "footer-type-2" -->
        <!-- Add class "sticky" to  always stick the footer to the end of page (if page contents is small) -->
        <!-- Or class "fixed" to  always fix the footer to the end of page -->
        <footer class="main-footer sticky footer-type-1">

            <div class="footer-inner">
                <!-- Add your copyright text here -->
                <div class="footer-text">
                    &copy; 2014
                    <strong>Xenon</strong>
                    More Templates <a href="http://www.cssmoban.com/" target="_blank" title="模板之家">模板之家</a> - Collect
                    from <a href="http://www.cssmoban.com/" title="网页模板" target="_blank">网页模板</a>
                </div>


                <!-- Go to Top Link, just add rel="go-top" to any link to add this functionality -->
                <div class="go-up">

                    <a href="#" rel="go-top">
                        <i class="fa-angle-up"></i>
                    </a>

                </div>

            </div>

        </footer>
    </div>


</div>


<div class="page-loading-overlay">
    <div class="loader-2"></div>
</div>

<link rel="stylesheet" th:href="@{/assets/js/datatables/dataTables.bootstrap.css}">
<!-- Bottom Scripts -->
<script th:src="@{/assets/js/bootstrap.min.js}"></script>
<script th:src="@{/assets/js/TweenMax.min.js}"></script>
<script th:src="@{/assets/js/resizeable.js}"></script>
<script th:src="@{/assets/js/joinable.js}"></script>
<script th:src="@{/assets/js/xenon-api.js}"></script>
<script th:src="@{/assets/js/xenon-toggles.js}"></script>
<script th:src="@{/assets/js/datatables/js/jquery.dataTables.min.js}"></script>


<!-- Imported scripts on this page -->
<script th:src="@{/assets/js/datatables/dataTables.bootstrap.js}"></script>
<script th:src="@{/assets/js/datatables/yadcf/jquery.dataTables.yadcf.js}"></script>
<script th:src="@{/assets/js/datatables/tabletools/dataTables.tableTools.min.js}"></script>
<script th:src="@{/assets/js/datepicker/bootstrap-datepicker.js}"></script>
<script th:src="@{/assets/js/timepicker/bootstrap-timepicker.min.js}"></script>


<!-- JavaScripts initializations and stuff -->
<script th:src="@{/assets/js/xenon-custom.js}"></script>
<script type="text/javascript">
    $.fn.datepicker.defaults.format = "yyyy-mm-dd";
    $('.datepicker').datepicker({
        startDate: '-10d',
        language: "zh-CN",
        autoclose: true,//选中之后自动隐藏日期选择框
        clearBtn: true,//清除按钮
        todayBtn: true//今日按钮
    });

</script>
<script type="text/javascript">
    jQuery(document).ready(function ($) {
        $("#example-1").dataTable({
            aLengthMenu: [
                [10, 25, 50, 100, -1], [10, 25, 50, 100, "All"]
            ]
        });
    });
</script>

</body>
</html>